new Vue({
    el: '#main',
    data: {
        thArr: ['编号','名称','分类','型号','查看'],
        products: [],
        content: ''
    },
    /* 生命周期函数：数据创建完成 */
    created() {
        axios.get('http://api.aulence.com/cdprwsl/data/products-list-api.json')
        // 请求成功的情况
        .then((res)=> {
            // 修改数据（方案一）
            // this.products.push(...res.data);
            // 修改数据（方案二）
            this.products = res.data;
            console.table(res.data[0].content);
        })
        // 请求失败的情况
        .catch((err) => console.error(err) ); 
    },
    /* 事件定义部分 */
    methods: {
        // 显示产品内容
        showContent(product) {
            this.content = product.content;
        }
    }
});
